<#macro layout pageTitle="" pageCss="" pageJavascript=""
menuDisplay="show">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>${pageTitle}</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<!-- Js BEGAIN -->
<script type="text/javascript" src="/assets/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/layer/layer.js"></script>
<script type="text/javascript" src="/assets/underscore/underscore-min.js"></script>
<script type="text/javascript" src="/assets/rabbit/jquery.page.js"></script>
<script type="text/javascript" src="/assets/validform/Validform_v5.3.2.js"></script>
<script type="text/javascript" src="/assets/validform/Validform_Datatype.js"></script>
<script type="text/javascript" src="/assets/datepicker/WdatePicker.js"></script>
<script type="text/javascript" src="/assets/rabbit/sitecommon.js"></script>
<script type="text/javascript" src="/assets/metisMenu/metisMenu.min.js"></script>
<!-- Js END -->
<!-- Css BEGAIN -->
<link href="/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/assets/sbadmin2/css/sb-admin-2.css" rel="stylesheet" type="text/css">
<link href="/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="/assets/metisMenu/metisMenu.min.css" rel="stylesheet" type="text/css">
<link href="/assets/validform/validform.css" rel="stylesheet" type="text/css">
<link href="/assets/rabbit/css/base.css?v=0.1" rel="stylesheet" type="text/css" />
<!-- page specific plugin BEGAIN -->
${pageCss}
<!-- page specific plugin END -->
<!-- Css END -->
<!--[if lt IE 9]><script src="/assets/h5support/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="/assets/h5support/ie-emulation-modes-warning.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/h5support/html5shiv.min.js"></script>
<script src="/assets/h5support/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
</script>
</head>
<body>
	<!-- PAGE CONTENT BEGINS -->
	<#if menuDisplay == "show">
	<div id="wrapper">
		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-static-top" role="navigation"
			style="margin-bottom: 0">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html">爱国者电子管理系统</a>
			</div>
			<!-- /.navbar-header -->
			<ul class="nav navbar-top-links navbar-right">
				<!-- <li data-mod="system"><a href="/admin/system/user">设置</a></li> -->
				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
						<i class="fa fa-user fa-fw"></i>
						<span id="showname"></span>
						<i class="fa fa-caret-down"></i>
					</a>
					<ul class="dropdown-menu dropdown-user">
						<li onclick="editadmin();"><a href="#"><i class="fa fa-user fa-fw"></i> 账号信息</a></li>	
						</li>
						<li class="divider"></li>
						<li><a href="/"><i class="fa fa-sign-out fa-fw"></i> 退出</a></li>
					</ul>
				</li>
			</ul>
			<!-- /.navbar-top-links -->
			<div class="navbar-default sidebar" role="navigation">
				<div class="sidebar-nav navbar-collapse">
					<ul class="nav" id="side-menu">
						<!-- <li class="sidebar-search">
							<div class="input-group custom-search-form">
								<input type="text" class="form-control" placeholder="Search...">
								<span class="input-group-btn">
									<button class="btn btn-default" type="button">
										<i class="fa fa-search"></i>
									</button>
								</span>
							</div> /input-group
						</li> -->
						<li><a href="/admin/center"><i class="fa fa-dashboard fa-fw"></i> 首页</a></li>
						<li><a href="#"><i class="fa fa-gear fa-fw"></i> 系统设置<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level collapse">
								<li><a href="/admin/system/role"><i class="fa fa-sitemap fa-fw"></i> 角色管理</a></li>
								<li><a href="/admin/system/user"><i class="fa fa-user fa-fw"></i> 人员管理</a></li>
							</ul>
						</li>
						<li><a href="#"><i class="fa fa-group fa-fw"></i> 用户管理<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level collapse">
							    <li><a href="/admin/user/list"><i class="fa fa-user fa-fw"></i> 用户管理</a></li>
							</ul>
						</li>
						<li><a href="/admin/device/product"><i class="fa fa-chain fa-fw"></i> 产品管理</a></li>
						<li><a href="/admin/boot"><i class="fa fa-codepen fa-fw"></i> 固件包管理</a></li>
						<li><a href="/admin/reminder"><i class="fa fa-comments  fa-fw"></i> 提醒管理</a></li>
						<li><a href="/admin/data"><i class="fa fa-database  fa-fw"></i> 数据管理</a></li>
					</ul>
				</div>
			</div>
			<!-- /.navbar-static-side -->
		</nav>
		<!-- Page Content -->
		<div id="page-wrapper">
			<div class="container-fluid">
				<div class="row">	
					<div class="col-lg-12"><#nested></div>
				</div>
				<!-- /.row -->
			</div>
			<!-- /.container-fluid -->
		</div>
		<!-- /#page-wrapper -->
	</div>
	<!-- /#wrapper -->
	<#else> <#nested> </#if>
	<!-- PAGE CONTENT ENDS -->
	<script type="text/javascript" src="/assets/sbadmin2/js/sb-admin-2.js"></script>
	<!-- JavaScript BEGAIN -->
	${pageJavascript}
	<script type="text/javascript">
	$(function() {
		$.post("/admin/showusername", function(data) {
				$("#showname").html(data.msg);
		});
	})
	var editadmin = function() {
		$.post("/admin/editadmin", function(data) {
			window.location.href = "/admin/system/user/edit/" + data.msg;
		});
	};
	</script>
	<!-- JavaScript END -->
	<#include "/common/_statistics.html">
</body>
</html>
</#macro>
